<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>邮箱注册</title>
	<style>
	*{
		margin: 0;
		padding: 0;
	}
	body{height: 825px;
		width: 1000px;

	}
	h3{border-bottom: 2px solid gray;
	    margin-bottom: 20px;}
input{
	    	height: 38px;
	    	width: 305px;
	    	margin-left: 5px;
	    	vertical-align: middle;
	    }
	    .aa{
	    	margin-left: 85px;
	    		margin-top: 25px;
	    }
	    a{
	    	color: blue;
	    }
	    .bb{
	    	margin-left: 30px;
	    	margin-top: 25px;
	    }
	    .c{
	    	
	    	margin-top: 25px;
	    }
.sex{
	width: 10px;
	height: 20px;
	margin-left: 20px;

	
}
.dd{
	margin-left: 30px;
	margin-top:25px;

}
.qq{
	margin-left: 30px;
	margin-top:25px;
}
.oo{
	margin-left: 15px;
	margin-top:25px;

}
.ss{
	margin-top:0px;
	margin-left: 80px;
}
.sss{width: 10px;}
.cc{
	
	height: 60px;
	width: 305px;
	background: rgb(104,196,83);
	font-size: 30px;
	text-align: center;
	margin-left: 55px;

	margin-top: 25px;
	/*line-height: 60px;*/


}
.cc a{
	color: white;
	text-decoration: none;
	line-height: 60px;
}

	</style>
</head>
<body>
	<p>我爱你</p>
	<h3>注册邮箱账号</h3>
	<div class="aa">
	邮箱账号<input type="text">请输入您常用的电子邮箱<a href="">创建邮箱</a>或<a href="">注册普通QQ号</a><br>
	
	
	<div class="bb">
		昵称<input type="text">
	</div>
	<div class="bb">
		密码<input type="password ">
	</div>
	<div class="c">
		确认密码<input type="password ">
	</div>
	<div class="dd">
		<label>性别<input type="radio" class="sex" >男</label>	<label><input type="radio" class="sex">女</label>
	</div>
	<div class="qq">
		生日<select name="" id="">
		<option value="">阴历</option>
		<option value="">农历</option>
	</select>
	<select name="" id="">
		<option value="">年</option>
		<option value="">1997</option>
		<option value="">2333</option>
		<option value="">3333</option>
		<option value="">3354</option>
		<option value="">3567</option>
	</select>
	<select name="" id="">
    <option value="">月</option>
    <option value="">11</option>
	<option value="">10</option>
	<option value="">9</option>
	</select>
	<select  name="" id="">
			<option value="">日</option>
				<option value="">23</option>
					<option value="">12</option>
						<option value="">11</option>

	</select>
	</div>
	<div class="oo">
	所在地<select name="" id="" style="width:105px">
		<option value="">中国</option>
		<option value="">美国</option>
		<option value="">英国</option>
		<option value="">俄罗斯</option>
	</select>
	<select name="" id="">
		<option value="">上海</option>
		<option value="">山东</option>
		<option value="">北京</option>
		<option value="">厦门</option>
	</select>
	
		<select name="" id="">
		<option value="">黄埔</option>
		<option value="">三峡</option>
		<option value="">菏泽</option>
		<option value="">曹县</option>
	</select>
	</div>
	<div class="oo">
		验证码<input type=image src="img/qq.jpg">请先进行安全认证
	</div>
	<div class="ss">
		<input class="sss" type="checkbox">我已阅读并同意相关协议和隐私政策
	</div>
	<div class="cc">
	<a href="http://www.baidu.com">提交注册</a>
	</div>
	

	

	
	
	</div>
	
</body>
</html>